* {
    margin: 0;
    padding: 0;
}

a,
li {
    text-decoration: none;
    list-style: none;
}

html,
body {
    background: rgb(240, 240, 240) !important;
}

.search {
    width: 18.75rem;
    height: 100vh;
    background: rgb(240, 240, 240) !important;

    overflow-y: auto;
    z-index: 100;
}

.search-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 18.75rem;
    height: 2rem;
    background: rgb(212, 68, 57);
    box-sizing: border-box;
    padding: .25rem .25rem;
    color: white;
    line-height: 1.5rem;
}

.search .box {
    height: 2rem;
}

.back {
    float: left;
    font-size: 1.2rem;
}

.search-ipt {
    display: inline-block;
    margin: 0 auto;
    width: 15.75rem;
    height: 1.05rem;
    /* position: relative;
    top: -.15rem;
    left: .15rem; */
    background-color: transparent;
    color: white !important;
    border: none;
    outline: none;
    margin-left: .5rem;
}

.search-ipt::-webkit-input-placeholder {
    color: #fff;
}

.hide {
    display: none;
}

.show {
    width: 18.75rem;
    height: 10rem;
    box-sizing: border-box;
    padding: 2.5rem .5rem 0 .5rem;
}

.search-hot-title {
    color: rgb(187, 168, 168);
    font-size: .8rem;
    /* position: relative;
    top: -.5rem;
    left: .25rem; */
}

.search-hot-container {
    display: inline-block;
    font-size: .75rem;
    padding: .25rem .25rem;
    background-color: #fff;
    margin: .25rem .5rem;
    border-radius: .25rem;
}


.about {
    width: 18.75rem;

    box-sizing: border-box;
    padding: .25rem .15rem;
    /* margin: .5rem; */

}

.about p {
    /* margin: 0; */
    margin: .25rem 0;
}

.about-list {
    width: 18.75rem;
    height: 2.7rem;
    margin: .25rem 0;
    /* line-height: 2.7rem; */
    /* padding: .25rem 0; */
    border-bottom: 1px solid rgb(228, 228, 228);
    /* padding: .25rem 0; */
}


.about-list img {
    float: left;
    width: 2.5rem;
    height: 2.5rem;
}

.about-list span {
    display: inline-block;
    width: 16rem;
    /* float: left; */
    padding: 0 .5rem;
}


.search-container-list {
    margin: .25rem .5rem;
    border-bottom: 1px solid rgb(228, 228, 228);
}

.search-container-list-name {
    font-size: .8rem;
    margin: 0;
}

.search-container-list-content {
    margin: .25rem 0;
    font-size: .6rem;
    color: #bba8a8;
}